/* CSS Document */
/* CSS Document */

.mainnavwrap .mainnav {width:780px;padding-left:220px;}

.focus {height:480px;background:#f2f3f5;}
.bannerwrap {margin:0 auto;width:1000px;height:480px;position:relative;z-index:2;}

.sortnav {width:200px;height:40px;position:absolute;left:0;top:-40px;z-index:6;}
.sortnav .sortnavtext {float:left;width:200px;height:40px;border-right:2px solid #4f4f4f;background:#e7d4b9;}
.sortnav .sortnavtext h1 {width:172px;height:34px;padding:3px 0 0 28px;background:#cfa972;font-size:14px;line-height:34px;color:#fff;}
.sortnav .sortnavtext h1 i {float:left;margin-top:13px;width:20px;height:6px;background:url(../images/index_ui.png) no-repeat 0 0;font-size:0;overflow:hidden;}
.sortnav .sortnavlist {float:left;width:180px;height:480px;padding:0 10px;background:#fff;overflow:hidden;position:relative;}
.sortnav .sortnavlist .sortnavlistwrap {width:180px;position:absolute;left:10px;top:0;z-index:2;}
.sortnav .sortnavlist .space {width:200px;height:12px;background:#cfa972;border-top:3px solid #e7d4b9;font-size:0;overflow:hidden;position:absolute;left:0;bottom:0;z-index:3;}
.sortnav .sortnavlist .sortnavdetail {margin-top:25px;padding:0 0 15px 0;border-bottom:1px dotted #c5b9af;_float:left;_width:180px;_position:relative;z-index:2;}
.sortnav .sortnavlist .sortnavdetail h1 {padding:0 0 0 20px;background-image:url(../images/index_ui.png);background-repeat:no-repeat;font-size:14px;line-height:24px;color:#6a3906;}
.sortnav .sortnavlist .sortnavdetail h1.s1 {background-position:0 -6px;}
.sortnav .sortnavlist .sortnavdetail h1.s2 {background-position:0 -30px;}
.sortnav .sortnavlist .sortnavdetail h1.s3 {background-position:0 -54px;}
.sortnav .sortnavlist .sortnavdetail h1 a {color:#6a3906;}
.sortnav .sortnavlist .sortnavdetail h1 a:hover {color:#c11;}
.sortnav .sortnavlist .sortnavdetail ul {padding:0 0 0 20px;_float:left;_width:160px;}
.sortnav .sortnavlist .sortnavdetail ul li {font-size:14px;line-height:24px;color:#111;}
.sortnav .sortnavlist .sortnavdetail ul li a {color:#1b1b1b;}
.sortnav .sortnavlist .sortnavdetail ul li a:hover {color:#c11;}

.bannerwrap .banner {margin-left:200px;width:800px;height:480px;background:#000;position:relative;z-index:2;}
.bannerwrap .bannerslidenav {width:800px;height:30px;position:absolute;top:450px;left:200px;z-index:5;}
.bannerwrap .bannerslidenav li {float:left;_display:inline;height:30px;background:rgba(17,17,17,0.8);*background:#111;cursor:default;}
.bannerwrap .bannerslidenav li h1 {border-right:1px solid #8a8a8a;font-size:12px;line-height:30px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bannerwrap .bannerslidenav li.cur {background:#cfa972;}
.bannerwrap .banner img {width:800px;height:480px;}
.bannerwrap a.bannerlink {display:block;width:100%;width:800px;height:480px;background:url(about:blank);}

.title {margin-top:65px;height:35px;background-image:url(../images/index_ui.png);background-repeat:no-repeat;}
.title.bg0 {background-position:0 -168px;}
.title.bg1 {background-position:0 -78px;}
.title.bg2 {margin-top:75px;background-position:0 -113px;}
.title span {display:none;}

.yourcommendlist {margin-top:45px;overflow:hidden;}
.yourcommendlist ul {float:left;_display:inline;margin-right:-24px;width:1024px;}
.yourcommendlist li {float:left;_display:inline;margin-right:24px;width:232px;height:310px;}
.yourcommendlist li .goodspic {float:left;width:232px;height:232px;}
.yourcommendlist li .goodspic img {width:232px;height:232px;}
.yourcommendlist li .goodstext {float:left;margin-top:15px;width:212px;padding:0 10px;}
.yourcommendlist li .goodstext h1 {width:212px;font-size:12px;line-height:22px;color:#3b3b3b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yourcommendlist li .goodstext h1 a {color:#3b3b3b;}
.yourcommendlist li .goodstext h1 a:hover {color:#c11;}
.yourcommendlist li .goodstext p {font-weight:bold;line-height:22px;color:#cfa972;}

.commendgoods {overflow:hidden;}
.commendgoods ul {float:left;_display:inline;margin-right:-50px;width:1050px;position:relative;}
.commendgoods li {float:left;_display:inline;margin-top:35px;margin-right:50px;width:300px;height:405px;border-bottom:1px dashed #a2a2a2;}
.commendgoods li .goodspic {float:left;width:300px;height:300px;position:relative;}
.commendgoods li .goodspic img {width:300px;height:300px;position:absolute;left:0;top:0;z-index:2;}
.commendgoods li .goodspic .collectgoods {display:none;width:300px;height:30px;background:rgba(17,17,17,0.8);*background:#111;position:absolute;left:0;top:270px;z-index:3;}
.commendgoods li .goodspic .collectgoods dd {float:left;width:150px;height:30px;_height:24px;_padding-top:6px;border-right:1px solid #969799;line-height:30px;color:#fff;text-align:center;}
.commendgoods li .goodspic .collectgoods dd.collect {width:149px;border:0;}
.commendgoods li .goodspic .collectgoods dd i {display:inline-block;width:15px;height:14px;background-image:url(../images/index_ui.png);background-repeat:no-repeat;background-position:-80px -148px;*display:inline;_display:inline;*zoom:1;_zoom:1;vertical-align:middle;}
.commendgoods li .goodspic .collectgoods dd.collect i {background-position:-95px -148px;}
.commendgoods li .goodspic .collectgoods dd.collect i.liked {background-position:-110px -148px;}
.commendgoods li .goodspic .collectgoods dd a {color:#fff;}
.commendgoods li .goodspic .collectgoods dd a:hover {color:#cfa972;}
.commendgoods li.hover .goodspic .collectgoods {display:block;}


.commendgoods li .goodstext {float:left;margin-top:15px;width:280px;padding:0 10px;}
.commendgoods li .goodstext h1 {width:280px;font-size:14px;line-height:22px;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.commendgoods li .goodstext h1 a {color:#1e1e1e;}
.commendgoods li .goodstext h1 a:hover {color:#c11;}
.commendgoods li .goodstext p {margin-top:10px;height:44px;line-height:22px;color:#626262;overflow:hidden;}
.commendgoods li .goodstext p span {font-weight:bold;color:#cfa972;}

.hotgoods {margin-top:50px;padding:0 0 23px 0;overflow:hidden;}
.hotgoods ul {float:left;_display:inline;margin-right:-50px;width:1050px;}
.hotgoods li {float:left;_display:inline;margin-right:50px;width:300px;height:400px;}
.hotgoods li .goodspic {float:left;width:300px;height:300px;}
.hotgoods li .goodspic img {width:300px;height:300px;}
.hotgoods li .goodstext {float:left;margin-top:15px;width:280px;padding:0 10px;}
.hotgoods li .goodstext h1 {width:280px;font-size:12px;line-height:22px;color:#3b3b3b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hotgoods li .goodstext h1 a {color:#3b3b3b;}
.hotgoods li .goodstext h1 a:hover {color:#c11;}
.hotgoods li .goodstext p {font-weight:bold;line-height:22px;color:#cfa972;}

.midbanner {float:left;padding:35px 0;width:1000px;border-top:1px dashed #a2a2a2;border-bottom:1px dashed #a2a2a2;}
.midbanner img {float:left;width:1000px;height:150px;}

.commendshoptext {margin-top:80px;}
.commendshoptext .shoptext {margin:0 auto;width:600px;}
.commendshoptext .shoptext h1 {font-size:26px;line-height:40px;color:#333;text-align:center;}
.commendshoptext .shoptext p {*margin-top:10px;font-size:16px;line-height:40px;color:#808080;text-align:center;}
.commendshoptext .shoptext p a {display:inline-block;color:#808080;*zoom:1;_zoom:1;}
.commendshoptext .shoptext p i {display:inline-block;margin-right:10px;width:20px;height:20px;background-image:url(../images/index_ui.png);background-repeat:no-repeat;vertical-align:middle;*zoom:1;_zoom:1;}
.commendshoptext .shoptext p i.shopicon {background-position:0 -148px;}
.commendshoptext .shoptext p i.ownericon {background-position:-20px -148px;}
.commendshoptext .shoptext p span,.commendshoptext .shoptext p a span {color:#cfa972;}
.commendshoptext .shoptext p a:hover,.commendshoptext .shoptext p a:hover span {color:#00c2ce;}
.commendshoptext .shoptext p a:hover i.shopicon {background-position:-40px -148px;}
.commendshoptext .shoptext p a:hover i.ownericon {background-position:-60px -148px;}
.commendshoppic {margin-top:70px;height:500px;background-position:center top;background-repeat:no-repeat;position:relative;}
.commendshoppic a.shoplink {display:block;width:100%;height:500px;background:url(about:blank);position:absolute;left:0;top:0;z-index:2;}
.commendshoppic .shophead {_display:inline;width:106px;height:106px;position:absolute;left:50%;margin-left:-53px;top:-53px;z-index:3;}
.commendshoppic .shophead a {display:block;width:106px;height:106px;position:relative;}
.commendshoppic .shophead a p {display:none;}
.commendshoppic .shophead a:hover p {display:block;width:100px;height:100px;border:3px solid #fff;border-radius:50%;background:rgba(49,49,49,0.7);font-size:16px;line-height:100px;color:#fff;text-align:center;position:absolute;left:0;top:0;z-index:3;cursor:pointer;}
.commendshoppic .shophead a img {width:100px;height:100px;border:3px solid #fff;border-radius:50%;box-shadow:0 5px 5px rgba(0,0,0,0.4);}
.commendshoppic .shophead a:hover img {position:absolute;left:0;top:0;z-index:2;}
